<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/day11.css">
    <link rel="stylesheet" href="./font/font_015/iconfont.css">
    <link rel="stylesheet" href="./font/font_017/iconfont.css">
</head>

<body>
    <div id="root">
        <div class="layout-slide">
            <img src="./img/slide-login.jpg" alt="">
        </div>
        <div class="layout-scroll">
            <div class="layout-head">
                <div class="layout-logo">
                    <img src="./img/logo-mi2.png" alt="">
                    <span>小米账号</span>
                </div>
                <div class="layout-head-nav">
                    <a href="" class="layout-item">用户协议</a>
                    <a href="" class="layout-item">隐私政策</a>
                    <a href="" class="layout-item">帮助中心</a>
                    <a href="" class="layout-mi">|</a>
                    <a class="layout-item">
                        <div class="layout-item-wrap">
                            <div class="head-lang">&lrm;中文（简体）&lrm;
                                <span class="iconfont icon-sanjiaoxing "></span>
                            </div>
                        </div>
                    </a>
                    <ul class="cows ">
                        <li><a href="#中文(繁體)">中文(繁體)</a></li>
                        <li><a href="#English">English</a></li>
                        <li><a href="#藏语">藏语</a></li>
                        <li><a href="#维吾尔语">维吾尔语</a></li>
                    </ul>
                </div>
            </div>
            <div class="layout-body">
                <!--表单 -->
                <div class="menu">
                    <div class="erwei-op-text" style="display: none;">扫码登录</div>
                    <div class="mima-op-text" style="display: none;">密码登录</div>
                    <div class="trans">
                        <img src="./img/icon-erweima.png" alt="" class="staic_erwei">
                        <img src="./img/icon-mimadenglu.png" alt="" class="staic_denglu" style="display: none;">
                        <img src="./img/erwei-op.png" alt="" class="erwei-op" style="display: none;">
                        <img src="./img/mima-op.png" alt="" class="mima-op" style="display: none;">
                    </div>

                    <!--登录 -->
                    <div class="menu-list">
                        <div class="tabs"><a href="#" class="more" id="more-1">登录</a></div>
                        <div class="tabs"><a href="#" class="more" id="more-2">注册</a></div>
                    </div>
                    <!-- 注册 -->
                    <div class="layout-form" id="more-1-div" style="display: block;">
                        <div class="layout-form-wrap1">
                            <div class="wrap1-content">
                                <label class="txt_big regist_lab_static regist_default_sty_lab"
                                    id="accnum_lab">邮箱/手机号码/小米ID</label>
                                <input type="text" class="wrap1-txt regist_default_sty_input" id="accnum_input"
                                    onfocus="input_set('i',this.id)" onblur="input_set('o',this.id)" />
                            </div>
                            <div class="num_help" id="number">请输入账号</div>
                        </div>
                        <div class="layout-form-wrap1">
                            <div class="wrap1-content">
                                <label class="txt_big regist_lab_static regist_default_sty_lab" id="pwd_lab">密码</label>
                                <input type="password" class="wrap1-login regist_default_sty_input" id="pwd_input"
                                    onfocus="input_set('i',this.id)" onblur="input_set('o',this.id)" />
                                <img src="./img/open.png" class="eye">
                            </div>
                            <div class="num_help" id="log_num">请输入登录密码</div>
                        </div>
                        <div class="check-form">
                            <input type="checkbox" id="checkbox-form">
                            <span class="check-form-des">已阅读并同意小米账号
                                <a href="https://account.xiaomi.com/about/protocol/agreement?_locale=zh_CN">用户协议</a>和
                                <a href="https://account.xiaomi.com/about/protocol/privacy?_locale=zh_CN">隐私协议</a>
                            </span>
                        </div>
                        <div class="layout-form-wrap3">
                            <button class="denglu">登录</button>
                            <div class="action">
                                <a href="https://cn.account.xiaomi.com/pass/forgetPassword?callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252Fshop%252Fbuy%252Fdetail%253Fproduct_id%253D19300%26sign%3DNDg5MjQ0YTI2ODBhNjE5NGRiMzZkYzk5MTFkYzhhM2IxOTc5ZTFmMA%2C%2C&sid=mi_eshop&_bannerBiz="
                                    class="action-start">忘记密码？</a>
                                <a href="https://cn.account.xiaomi.com/fe/service/login/phone?_qrsize=180&bizDeviceType=&theme=&_uRegion=CN&needTheme=false&showActiveX=false&serviceParam=%7B%22checkSafePhone%22%3Afalse%2C%22checkSafeAddress%22%3Afalse%2C%22lsrp_score%22%3A0.0%7D&_locale=zh_CN&_sign=CJ2v5JP6KlsBVpCRLmiK6oCvrkc%3D&source=&region=CN&sid=mi_eshop&qs=%253Fcallback%253Dhttp%25253A%25252F%25252Forder.mi.com%25252Flogin%25252Fcallback%25253Ffollowup%25253Dhttps%2525253A%2525252F%2525252Fwww.mi.com%2525252Fshop%2525252Fbuy%2525252Fdetail%2525253Fproduct_id%2525253D19300%252526sign%25253DNDg5MjQ0YTI2ODBhNjE5NGRiMzZkYzk5MTFkYzhhM2IxOTc5ZTFmMA%25252C%25252C%2526sid%253Dmi_eshop&callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252Fshop%252Fbuy%252Fdetail%253Fproduct_id%253D19300%26sign%3DNDg5MjQ0YTI2ODBhNjE5NGRiMzZkYzk5MTFkYzhhM2IxOTc5ZTFmMA%2C%2C"
                                    class="action-end">手机号登录</a>
                            </div>
                        </div>
                        <div class="form-list-title">其他方式登录</div>
                        <div class="layout-form-list">
                            <img src="./img/sns.png" alt="">
                        </div>
                    </div>

                    <!-- 登录 -->
                    <div class="layout-form" id="more-2-div" style="display: none;">
                        <div class="layout-form-login">
                            <div class="login-content" id="content-one">
                                <label class="country-num-above">国家/地区</label>
                                <span class="select-country-about" title="中国">中国</span>
                                <span class="icon-country">∨</span>
                            </div>
                        </div>
                        <!-- 个人隐私提醒 -->
                        <div class="warning" style="display: none;">
                            <span class="iconfont icon-gantanhao"></span>
                            <p>系统会根据您选择的国家/地区的法律法规存储您的个人信息</p>
                        </div>
                        <!-- 国家地区选择 -->
                        <div class="field-select" style="display: none;">
                            <div class="search-field" style="background-color: #f9f9f9;">
                                <span class="iconfont icon-fangdajing"></span>
                                <input class="field_input" placeholder="搜索国家/地区名称">
                            </div>
                            <div class="null-line"></div>
                            <ul class="holder">
                                <li class="search-field">
                                    <span class="field_name">A</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">阿尔巴尼亚</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">阿尔及利亚</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">阿富汗</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">阿根廷</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">爱尔兰</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">埃及</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">埃塞诶比亚</span>
                                </li>
                                <li class="search-field">
                                    <span class="field_name">爱沙尼亚</span>
                                </li>
                            </ul>
                        </div>

                        <!-- 国家码 -->
                        <div class="layout-form-login">
                            <div class="login-content " id="content-two">
                                <div class="left-country-phe">
                                    <div class="select-country-num">
                                        <label class="country-num-above active">国家码</label>
                                        <span class="select-country-about num">+86</span>
                                        <span class="iconfont-num ">∨</span>
                                        <!-- <span class="iconfont icon-jinyong" style="display: none;"></span> -->
                                    </div>
                                </div>
                                <div class="right-country-phe">
                                    <input class="phone-input active" id="phone-input" onfocus="phe_set('m',this.id)"
                                        onblur="phe_set('n',this.id)" />
                                    <label class="login-phenumber">手机号</label>
                                </div>
                            </div>
                            <div class="num_help" id="phe_help">请输入手机号</div>
                        </div>
                        <!-- 验证码 -->
                        <div class="layout-form-login">
                            <div class="login-content" id="content-last">
                                <label class="check-login" id="login-input">请输入验证码</label>
                                <input class="checknum" id="checknum-input" onclick="check_set('a',this.id)"
                                    onblur="check_set('b',this.id)" />
                                <span class="get_check">获取验证码</span>
                            </div>
                            <div class="num_help" id="check_help">请输入验证码</div>
                        </div>
                        <div class="check-form" id="denglu_check">
                            <input type="checkbox" class="checkbox-form" id="duihao">
                            <span class="check-form-des">已阅读并同意小米账号
                                <a href="https://account.xiaomi.com/about/protocol/agreement?_locale=zh_CN">用户协议</a>和
                                <a href="https://account.xiaomi.com/about/protocol/privacy?_locale=zh_CN">隐私协议</a>
                            </span>
                        </div>
                        <div class="layout-form-wrap3" id="denglu_wrap3" style="padding-top: 40px;">
                            <button class="denglu">注册</button>
                            <div class="action">
                                <a href="https://account.xiaomi.com/helpcenter/faq/_/02.faqs/05.sms-and-email-verification-code/faq-1"
                                    class="action-start">收不到验证码？</a>
                            </div>
                        </div>
                    </div>
                    <!-- 二维码扫描 -->
                    <div class="layout-form-login" id="erwei_box">
                        <div class="erwei_title">扫码登录 安全快捷</div>
                        <div class="erwei_imgbox">
                            <img src="./img/二维.png" alt="">
                        </div>
                        <div class="erwei_center">
                            请使用小米手机/米家等小米旗下APP扫描登录
                            <span class="iconfont icon-wenhao" id="wenhao"></span>
                        </div>
                        <div class="scan_help" style="display: none;">
                            <h3>常用答疑</h3>
                            <p>1.如何用小米手机扫一扫?</p>
                            <h6>答:点击小米手机 - 设置 -帐号头像 - 右上角扫一扫。</h6>
                            <p>2.小米旗下哪些App支持扫码登录?</p>
                            <h6>答:目前包含米家、小米商城、小爱音箱。</h6>
                            <p>3.其他登录方式?</p>
                            <h6>答:可以使用微信/微博/00客户端扫码授权登录。</h6>
                        </div>
                        <div class="app_box">
                            <div class="app_title">支持扫码登录的APP</div>
                            <div class="app_list">
                                <a class="app_item" href="https://g.home.mi.com/views/download-mihome.html">
                                    <img src="./img/米家.png" alt="">
                                </a>
                                <a class="app_item" href="https://www.mi.com/appdownload/">
                                    <img src="./img/商场.png" alt="">
                                </a>
                                <a class="app_item" href="https://mina.mi.com/download">
                                    <img src="./img/小爱.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
            <div class="layout-footer">小米公司版权所有-京ICP备10046444-
                <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134">
                    京公网安备11010802020134号-</a>京ICP证110507号
            </div>
        </div>

    </div>+++++++

    <script src="./js/day18.js">


    </script>





</body>

</html>++